import Taro from '@tarojs/taro'
import React from 'react';
import {View, Text, Checkbox, Label,CheckboxGroup,Icon} from '@tarojs/components'
import './payAdd.scss'

function PayAdd() {


  //确定或跳过按钮的回调
  let sure = ()=>{
    Taro.navigateTo({
      url: '/pages/YXX/payReserve/payReserve'
    })
  }


  return (
    <View className="pay_add_container">
      <text className="title">根据你选择的套餐，推荐你增加以下体检内容：</text>
      <CheckboxGroup>
        <View className="content">
          <View className="content_left">
            <Label>
              <Checkbox checked></Checkbox>
            </Label>
            <View className="item">
              <View>肝功三项</View>
              <View className="money">
                <Text>￥60</Text>
                <Text className="old_price">￥80</Text>
              </View>
            </View>
          </View>
          <View className="content_right">
            <View className="more">
              <Icon size='20' type='search' />
              <Text className="iconfont icon-gengduo"></Text>
            </View>
            <View className="pCount">
              <Text>已有
                <Text className="num">299</Text>
                人购买
              </Text>
            </View>
          </View>
        </View>
        <View className="content">
          <View className="content_left">
            <Label>
              <checkbox checked></checkbox>
            </Label>
            <View className="item">
              <View>肝功三项</View>
              <View className="money">
                <Text>￥60</Text>
                <Text className="old_price">￥80</Text>
              </View>
            </View>
          </View>
          <View className="content_right">
            <View className="more">
              <Icon size='20' type='search' />
              <Text className="iconfont icon-gengduo"></Text>
            </View>
            <View className="pCount">
              <Text>已有
                <Text className="num">299</Text>
                人购买
              </Text>
            </View>
          </View>
        </View>
        <View className="btn_container" onClick={sure}>
          <View className="passBtn">
            <Text>跳过</Text>
          </View>
          <View className="sureBtn">
            <Text>确定</Text>
          </View>
        </View>
      </CheckboxGroup>
    </View>
  )

}

export default PayAdd;
